<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>学生管理 - 学生管理系统</title>
<link rel="stylesheet" href="../css/public.css">
<script>
function setActive() {
    var buttons = document.getElementsByTagName('button');
    for (var i = 0; i < buttons.length; i++) {
        buttons[i].addEventListener('click', function() {
            for (var j = 0; j < buttons.length; j++) {
                buttons[j].classList.remove('active');
            }
            this.classList.add('active');
        });
    }
}
</script>
</head>
<body onload="setActive()">
<header>
    <h1>学生管理系统</h1>
    <nav>
        <a href="../index.html"><button>首页</button></a>
        <button class="active">学生管理</button>
        <a href="clas.html"><button>班级管理</button></a>
    </nav>
</header>
<main>
    <h2>学生信息表</h2>
    <div class="search_box">
				<input
					type="text"
					id="searchInput"
					placeholder="请输入学生姓名关键字进行搜索..."
					onkeyup="get_by_keyword(this.value)"
				/>
			</div>
    <table id="studentTable" class="table_main">
				<thead>
					<tr>
						<th>学生id</th>
						<th>学生姓名</th>
                        <th>性别</th>
						<th>班级id</th>
                        <th>操作</th>
					</tr>
				</thead>
				<tbody id="data_info"></tbody>
			</table>
    <div class="div_in_container">
				<div class="div_input_son_container">
					<h3>添加学生</h3>
					<div id="add_student">
						<input
							type="text"
							name=""
							id="add_student_input"
							placeholder="请输入学生姓名"
						/>
					</div>
					<button onclick="">添加学生</button>
				</div>
				<div class="div_input_son_container">
					<h3>编辑学生</h3>
					<div id="edit_student"></div>
					<button onclick="">保存</button>
				</div>
			</div>
    
</main>
</body>
</html>